<?php
    /*
     * Copyright 2013 by Jerrick Hoang, Ivy Xing, Sam Roberts, James Cook,
     * Johnny Coster, Judy Yang, Jackson Moniaga, Oliver Radwan,
     * Maxwell Palmer, Nolan McNair, Taylor Talmage, and Allen Tucker.
     * This program is part of RMH Homebase, which is free software.  It comes with
     * absolutely no warranty. You can redistribute and/or modify it under the terms
     * of the GNU General Public License as published by the Free Software Foundation
     * (see <http://www.gnu.org/licenses/ for more information).
     *
     */
?>
<script src="lib/jquery-1.9.1.js"></script>
<script src="lib/jquery-ui.js"></script>
<script
    src="lib/bootstrap/js/bootstrap.js"></script>

<script>
    $(function () {
        $('img[rel=popover]').popover({
            html: true,
            trigger: 'hover',
            placement: 'right',
            content: function () {
                return '<img border="3" src="' + $(this).data('img') + '" width="60%"/>';
            }
        });
    });
</script>

<p>
    <strong>How to Add People to the Database</strong>
<p>
    <B>Step 1:</B> On the navigation bar at the top of the page, find <B>volunteers:</B>
    and select <B>add</B>.
</p>
<br>
<p>
    <B>Step 2:</B> You should now see a long form with information like
    "First Name" and "Last Name". That form begins like this:<BR> <BR> <a
        href="tutorial/screenshots/volunteerAdd.png" class="image"
        title="volunteerAdd.png"
        target="tutorial/screenshots/volunteerAdd.png">
        &nbsp&nbsp&nbsp&nbsp<img
            src="tutorial/screenshots/volunteerAdd.png" width="10%"
            rel="popover" data-img="tutorial/screenshots/volunteerAdd.png"
            border="1px" align="middle"> </a> <BR> <p> Now you can fill in these
    fields with the correct information. <br>(NOTE:&nbsp All fields marked
    by <font color="#FF0000">*</font> are required before a person can be
    added to the database.)
            <p> You must also select all the days that volunteer is free during the week 
</p>
<br>
<p>
    <B>Step 3:</B> When you finish, select the <B>Submit</B> button at the
    bottom of the page.
</p>
<br>
<p>
    <B>Step 4:</B> If you make a mistake or omit a required field, <font
        color=#FF0000>red</font> warnings will tell you what you need to
    correct, like this:<BR> <BR> <a
        href="tutorial/screenshots/addpersonhelpstep4.png" class="image"
        title="addpersonhelpstep4.png" horizontalalign="center"
        target="tutorial/screenshots/addpersonhelpstep4.png">
        &nbsp&nbsp&nbsp&nbsp<img
            src="tutorial/screenshots/addpersonhelpstep4.png" width="10%"
            rel="popover" data-img="tutorial/screenshots/addpersonhelpstep4.png"
            border="1px" align="middle"> </a> <br> <p> After you make these
    corrections, repeat <B>Step 3</B>.
<p>
    <B>Step 5:</B> If you have no errors or omissions, you will see a page
    that looks like this:<BR> <BR> <a
        href="tutorial/screenshots/addpersonhelpstep5.png" class="image"
        title="addpersonhelpstep5.png" horizontalalign="center"
        target="tutorial/screenshots/addpersonhelpstep5.png">
        &nbsp&nbsp&nbsp&nbsp<img
            src="tutorial/screenshots/addpersonhelpstep5.png" width="10%"
            rel="popover" data-img="tutorial/screenshots/addpersonhelpstep5.png"
            border="1px" align="middle"> </a>
<p>
    <B>Step 6:</B> When you finish, you can return to any other function by
    selecting it on the navigation bar.
